<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>华迅直购</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue.js"></script>
    <script src="js/base/phone.js"></script>
    <script type="text/javascript" src="js/base/magiclamp.js?ver=2.0.3" charset="utf-8"></script>
    <script src="js/guan_zhu.js"></script>

</head>
<body>
<div id="guan_zhu_html">
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn">
            <i class="iconfont icon-fanhui"></i>
        </a>
        <h1 class="h-title">我关注的 </h1>
    </header>
    <div id="root">
        <div id="live_list" v-if="show_live_list">
            <div class="search-content-center">
                <div v-for="user in near_user_list">
                    <div class="item-live">
                        <div class="item-user-icon" v-if="user.t==1">
                            <img src="img2/icon.png" v-if="!user.icon_url">
                            <img :src="show_head_img(user.icon_url, '&imageView2/0/w/100/h/100')" v-if="user.icon_url">
                        </div>
                        <div class="item-user-icon" v-if="user.t==2">
                            <img src="img2/icon.png" v-if="!user.small_image__fileurl">
                            <img :src="show_head_img(baseConfig.qn_host + user.small_image__fileurl, '&imageView2/0/w/100/h/100')"
                                 v-if="user.small_image__fileurl">
                        </div>
                        <div class="right">
                            <div class="item-user-desc">
                                <div class="name">
                                    <img src="img2/tjsj_icon.png" style="width: 1.9rem;margin-top: -8px;"
                                         v-if="user.live_type==1">
                                    <span class="bold" >{{user.realname}}</span>
                                    <!--<span class="bold" @click="show_host_info(user)">{{user.realname}}</span>-->
                                    <i>{{user.distance_str}}</i>
                                </div>
                                <div>{{user.liveprogram__name}}</div>
                            </div>
                            <div class="item-user-address">
                                <!--<button type="button" class="btn  btn-sm btn-primary" @click="open_chat(user)">聊聊天-->
                                <!--</button>-->
                                <img src="img2/zzzb_icon.png" v-if="user.live_status" style="width: 1.5rem"/>
                                <div v-if="!user.live_status" style="width: 1.5rem">&nbsp;</div>
                                <button type="button" class="btn  btn-sm btn-lightpink"
                                        @click="map_move_to(user.la, user.lo)">所在位置
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="show-grid-container">
                        <div class="show-grid" v-for="goods in user.goods" @click="go_goods_detail(goods)">
                            <div><img
                                    :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/240/h/240'">
                            </div>
                            <div class="text" v-text="goods.name"></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div id="live_host_detail" v-if="show_live_list&&show_host_detail">
            <div class="store-dis-top">
            <span @click="show_host_detail=false">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-back"></use>
                </svg>返回
            </span>
                <div>{{show_host_info_obj.name}}</div>
                <span></span>
            </div>
            <!--代购店banner图-->
            <div class="store-banner">
                <img src="img/huazhuangpin2.png" v-if="!show_host_info_obj.small_image__fileurl">
                <img :src="baseConfig.qn_host + show_host_info_obj.small_image__fileurl + '?imageView2/1/w/300/h/300'"
                     v-if="show_host_info_obj.small_image__fileurl">
            </div>

            <div class="store-main">
                <div class="shop-manager">
                    <div class="manager">{{show_host_info_obj.name}}</div>
                </div>
                <div class="store-introduce">
                    <!--<div class="manager-img">-->
                    <!--<img src="img2/icon.png" >-->

                    <!--</div>-->
                    <div class="introduce">{{show_host_info_obj.desc}}</div>
                </div>
                <br>
                <br>
                <br>
                <br>
                <!--<a class="chat_btn" @click="open_chat_info(show_host_info_obj)"><img-->
                        <!--src="img2/btn_lt_highlight.png"></a>-->
            </div>
        </div>
    </div>
</div>
</body>
</html>